
.modal{
    /* display: none; */
    // width: 100vw;
    // height: 100vh;
    // background-color:black;
    // opacity: 0.5;
    // position: absolute;
    // top:0;
    // left:0;
    /* display: flex; */
    /* align-items: center;
    justify-content: center; */
    //  display: none;
     z-index: 9999;
    .mask{
      width: 100vw;
      height: 100vh;
      background-color:black;
      opacity: 0.5;
      position: absolute;
      top:0;
      left:0;
    }
    .modalHeader{
      position: absolute;
      right:0;
      bottom:0;
      height: 320px;
      width: 100vw;
      background-color: white;
      z-index: 9999;
         .caozuo{
              display: flex;
              justify-content: space-between;
             .close{
                 width:32px;
                 height: 25px;
                 color: black;
                 font-size: 16px;
                 margin: 10px 0 0 10px;
                }
             .right{
                 width:32px ;
                 height: 25px;
                 color: black;
                 font-size: 16px;
                 margin: 10px 10px 0 0;
               }
           }
    }
  }